<template>
  <div class="article">
    <el-row :gutter="10" justify="center">
      <el-col :xs="24" :sm="24" :md="16" :lg="14">
        <TableCard :articleType="articleType"/>
      </el-col>
      <el-col  :md="6" :lg="8" class="hidden-sm-and-down">
        <Search :articleType="articleType"/>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import TableCard from "@/views/article/tableCard";
import Search from "@/views/article/showArticle/search";
export default {
  name: "scenicAnnounce",
  components: {Search, TableCard},
  data(){
    return{
      articleType:'ANNOUNCE'
    }
  }
}
</script>

<style lang="less">
.RLink{
  text-decoration: none;
  color: #000000;
  &:hover{
    color: #666;
  }
}
.article{
  min-height: 500px;
  padding: 30px;
  background-color: #152248;
}
</style>
